<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="Web Desktop, Open Source, Aroz, Go, OS, NAS, Cloud" name="keywords">
    <meta content="Probably the best open-source Web Desktop System in the world" name="description">
    <meta name="author" content="tobychui">

    <!-- HTML Meta Tags -->
    <title>Web Desktop System | ArozOS</title>
    <meta name="description" content="Probably the best open-source Web Desktop System in the world">

    <!-- Facebook Meta Tags -->
    <meta property="og:url" content="https://os.aroz.org/">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Hello ArozOS">
    <meta property="og:description" content="Probably the best open-source Web Desktop System in the world">
    <meta property="og:image" content="https://os.aroz.org/img/og.png">

    <!-- Twitter Meta Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta property="twitter:domain" content="os.aroz.org">
    <meta property="twitter:url" content="https://os.aroz.org/">
    <meta name="twitter:title" content="Hello ArozOS">
    <meta name="twitter:description" content="Probably the best open-source Web Desktop System in the world">
    <meta name="twitter:image" content="https://os.aroz.org/img/og.png">

    <!-- JavaScript Libs-->
    <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
    <script src="dom-i18n.min.js"></script>
    <link href="main.css" rel="stylesheet">
    <script src="main.js" defer></script>

    <!-- Css stuffs-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.9.3/semantic.min.js" integrity="sha512-gnoBksrDbaMnlE0rhhkcx3iwzvgBGz6mOEj4/Y5ZY09n55dYddx6+WYc72A55qEesV8VX2iMomteIwobeGK1BQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fomantic-ui/2.9.3/semantic.min.css" integrity="sha512-3quBdRGJyLy79hzhDDcBzANW+mVqPctrGCfIPosHQtMKb3rKsCxfyslzwlz2wj1dT8A7UX+sEvDjaUv+WExQrA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- Favicons -->
    <link href="img/favicon.png" rel="icon">
    <link href="img/apple-touch-icon.png" rel="apple-touch-icon">

    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700;900&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=M+PLUS+1p&family=Noto+Sans+JP:wght@100..900&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400&display=swap" rel="stylesheet">

    <!-- AOS.js-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js" integrity="sha512-A7AYk1fGKX6S2SsHywmPkrnzTZHrgiVT7GcQkLGDe2ev0aWb8zejytzS8wjo7PGEXKqJOrjQ4oORtnimIRZBtw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" integrity="sha512-1cK78a1o+ht2JcaW6g8OXYwqpev9+6GqOkz9xmBN9iUUhIndKtxwILGWYOSibOKjLsEdjyjZvYDq/cZwNeak0w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  </head>
  <body>
    <div id="backToTopBtn" class="ui black big icon button" onclick="backToTop();">
       <i class="ui arrow up icon"></i>
    </div>
    <button id="rwdmenubtn" class="ui black big icon button"><i class="ui bars icon"></i></button>
    <div id="mainmenu" class="ui inverted segment">
        <div class="ui container">
            <div class="ui inverted small stackable secondary menu">
                <div class="item">
                    <img class="ui tiny image" src="img/logo.png">
                </div>
                <a class="item" href="#mainmenu" i18n>
                    Home // 主頁 // ホーム // 主页
                </a>
                <a class="item" href="#about" i18n>
                    About ArozOS // 關於 ArozOS // 概要 // 关于 ArozOS
                </a>
                <a class="item" href="#features" i18n>
                    Features // 特色功能 // 機能 // 特色功能
                </a>
                <a class="item" href="#techspec" i18n>
                    Tech Specs // 系統規格 // 技術仕様 // 技术规格
                </a>
                <a class="item" href="#download" i18n>
                    Download // 下載 // ダウンロード // 下载
                </a>
                <a class="item" href="#learnmore" i18n>
                    Learn More // 了解更多 // 詳細 // 了解更多
                </a>
                <a class="right floated item">
                    <div class="ui inverted small selection dropdown">
                        <input type="hidden" id="language">
                        <div class="default text" style="color: white;"><i class="language icon"></i> Default</div>
                        <i class="dropdown icon"></i>
                        <div class="menu">
                            <div class="item" data-value="en">English</div>
                            <div class="item" data-value="zh">中文（正體）</div>
                            <div class="item" data-value="jp">日本語</div>
                            <div class="item" data-value="zh-cn">中文（简体）</div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div id="slideshowBanner">
        <div class="slideshow">
            <div class="slides">
                <div class="slide"><img src="img/screen/1.png" alt="Image 1"></div>
                <div class="slide"><img src="img/screen/2.png" alt="Image 2"></div>
                <div class="slide"><img src="img/screen/3.png" alt="Image 3"></div>
                <div class="slide"><img src="img/screen/4.png" alt="Image 4"></div>
                <div class="slide"><img src="img/screen/5.png" alt="Image 5"></div>
                <div class="slide"><img src="img/screen/6.png" alt="Image 6"></div>
            </div>
            <div class="dots"></div>
        </div>
        <div class="title">
            <h1 i18n>ArozOS</h1>
            <p i18n>Web Desktop System for DIY Network Attached Storage
                // 自組 NAS 之網頁桌面作業系統
                // ネットワーク接続ストレージ用 Web デスクトップ システム
                // 自建 NAS 网页桌面操作系统
            </p>
            <div class="scrolldownTips">
                <img class="ui tiny image" src="img/scrolldown.webp"><br>
                <span i18n>Scroll down to learn more // 向下滑以了解更多 // スクロールダウンして詳細をご覧ください // 下滑了解更多</span>
            </div>
        </div>
    </div>
    <br><br><br><br>
    <!-- About ArozOS-->
    <div id="about" class="ui text container">
        <div class="ui stackable grid" data-aos="fade-up">
            <div class="six wide column" align="right">
                <img class="ui medium image" src="img/preview-pc.png">
            </div>
            <div class="ten wide column">
                <div class="about-text-wrapper">
                    <p class="about-title"><b i18n>Full Mode // 完整版 // フルモード // 完整版</b> <span i18n>Web Desktop // 網頁桌面 // ウェブデスクトップ // 网页桌面</span></p>
                    <p i18n>Turn any PC with browser into your Web Desktop client. Access all your files anytime, anywhere. 
                        // 把任何有瀏覽器之電腦變成您的網頁桌面客戶端，隨時隨地存取您的資料和檔案
                        // ブラウザがあれば、どんなPCでもWebデスクトップクライアントに。いつでも、どこでも、すべてのファイルにアクセスできます。
                        // 把任何有浏览器的电脑变成您的网页桌面客户端,随时随地访问您的数据和文件
                    </p>
                    <div class="ui list">
                        <div class="item">
                            <i class="chevron right icon"></i>
                            <div class="content" i18n>
                                No setup and special user permission
                                // 無需設定、安裝本地應用程式或特別使用者權限
                                // セットアップと特別なユーザー権限がない
                                // 无需设置、安装本地应用程序或特殊用户权限
                            </div>
                        </div>
                        <div class="item">
                            <i class="chevron right icon"></i>
                            <div class="content" i18n>
                                Support Chrome, Firefox and Safari
                                // 支援 Chrome，Firefox 及 Safari
                                // Chrome、Firefox、Safariをサポート
                                // 支持 Chrome、Firefox 和 Safari
                            </div>
                        </div>
                        <div class="item">
                            <i class="chevron right icon"></i>
                            <div class="content" i18n>
                                Access via Web UI, FTP, SFTP, WebDAV or SMB
                                // 使用網頁介面、FTP、SFTP、WebDAV 及 SMB 存取檔案
                                // ウェブUI、FTP、SFTP、WebDAVまたはSMB経由でのアクセス
                                // 使用网页界面、FTP、SFTP、WebDAV 和 SMB 访问文件
                            </div>
                        </div>
                        <div class="item">
                            <i class="chevron right icon"></i>
                            <div class="content" i18n>
                                One of the best Web based File Manager
                                // 可能是其中一個最好用的網頁檔案管理員
                                // 使いやすいウェブベースのファイルマネージャー
                                // 可能是最好用的网页文件管理器
                            </div>
                        </div>
                        <div class="item">
                            <i class="chevron right icon"></i>
                            <div class="content" i18n>
                                Easily embed other WebApps via external URLs
                                // 輕鬆使用外部 URL 嵌入其他 WebApp
                                // 外部URL経由で他のウェブアプリケーションを簡単に統合
                                // 轻松使用外部 URL 嵌入其他 WebApp
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="ui stackable grid" data-aos="fade-up">
            <div class="six wide column" align="right">
                <img class="ui medium image" src="img/preview-mobile.png">
            </div>
            <div class="ten wide column">
                <div class="about-text-wrapper">
                    <p class="about-title"><b i18n>Mobile // 手機版 // モバイル // 手机版</b> <span i18n>Web Desktop // 網頁桌面 // デスクトップ // 网页桌面</span></p>
                    <p i18n>Supporting web desktop on mobile using PWA technology, allowing file access between devices much easier.  
                        // 手機版網頁桌面採用 PWA 技術，讓您可以簡單快速地在裝置之間傳送檔案
                        // PWA技術を使ってモバイルでのウェブデスクトップをサポートし、デバイス間でのファイルアクセスをより簡単にします。
                        // 手机版网页桌面采用 PWA 技术,让您可以简单快速地在设备之间传送文件
                    </p>
                    <div class="ui list">
                        <div class="item">
                            <i class="chevron right icon"></i>
                            <div class="content" i18n>
                                No App Installation Required
                                // 無需安裝任何 App
                                // アプリのインストール不要
                                // 无需安装任何 App
                            </div>
                        </div>
                        <div class="item">
                            <i class="chevron right icon"></i>
                            <div class="content" i18n>
                                Support Android and iOS
                                // 支援 Android 及 iOS 裝置
                                // AndroidとiOSに対応
                                // 支持 Android 和 iOS 设备
                            </div>
                        </div>
                        <div class="item">
                            <i class="chevron right icon"></i>
                            <div class="content" i18n>
                                Works on Chrome and Firefox
                                // 支援 Chrome 及 Firefox
                                // ChromeとFirefoxで動作
                                // 支持 Chrome 和 Firefox
                            </div>
                        </div>
                        <div class="item">
                            <i class="chevron right icon"></i>
                            <div class="content" i18n>
                                Layered Window Design
                                // 多層視窗型作業設計
                                // レイヤーウィンドウデザイン
                                // 多层窗口作业设计
                            </div>
                        </div>
                        <div class="item">
                            <i class="chevron right icon"></i>
                            <div class="content" i18n>
                                Synchronize between devices
                                // 即時在多台裝置之間進行同步
                                // デバイス間の同期
                                // 实时在多台设备之间进行同步
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <br><br><br><br>
    <!-- Features -->
    <div class="ui divider"></div>
    <div id="features" class="ui container">
        <div class="centered title">
            <h1 i18n>Features // 特色功能 // 機能 // 特色功能</h1>
        </div>
        <div class="ui centered cards" data-aos="zoom-in">
            <div class="basic card">
              <div class="image">
                <img src="img/features/simple.png">
              </div>
              <div class="content">
                <div class="header" i18n>Well Designed UI // 設計感的介面 // 美しいUI // 设计感的界面</div>
                <div class="description" i18n>
                    Probably the most straight forward and pretty original web-desktop UI you could find
                    // 可能是您能找到，最簡單直接的原創網頁桌面介面
                    // おそらく、あなたが見つけることができる最もストレートで、かなり独創的なウェブデスクトップUI
                    // 可能是您能找到最简单直接的原创网页桌面界面
                </div>
              </div>
            </div>

            <div class="basic card">
                <div class="image">
                  <img src="img/features/media.png">
                </div>
                <div class="content">
                  <div class="header" i18n>Multimedia Playback // 多媒體播放 // マルチメディア再生 // 多媒体播放</div>
                  <div class="description" i18n>
                    Build in audio and video WebApp for realtime playback and transcoding.
                      // 內置音樂及影片播放器，並可透過網頁介面進行即時編碼串流。
                      // リアルタイム再生とトランスコード用のオーディオとビデオWebAppを内蔵。
                      // 内置音乐和视频播放器,并可通过网页界面进行实时编码流式传输。
                  </div>
                </div>
            </div>

            <div class="basic card">
                <div class="image">
                  <img src="img/features/filemanager.png">
                </div>
                <div class="content">
                  <div class="header" i18n>File Manager // 檔案管理器 // ファイルマネージャー // 文件管理器</div>
                  <div class="description" i18n>
                    Easy to use and straight forward File Manager. Support drag & drop upload.
                      // 簡單易用的檔案管理器，可以直接把檔案拖放進去上傳
                      // 使いやすく、わかりやすいファイルマネージャー。ドラッグ＆ドロップでアップロードできます。
                      // 简单易用的文件管理器,可以直接将文件拖放进去上传
                    </div>
                </div>
            </div>

            <div class="basic card">
                <div class="image">
                  <img src="img/features/auth.png">
                </div>
                <div class="content">
                  <div class="header" i18n>Multiple Authentication Methods // 支援多種登入方式 // 複数の認証方法 // 支持多种登录方式</div>
                  <div class="description" i18n>
                    Support password, oAuth and LDAP login with external account managements.
                      // 可以使用帳戶 + 密碼、oAuth 及 LDAP 登入
                      // パスワード、oAuth、LDAPログインと外部アカウント管理をサポートします。
                      // 可以使用账户 + 密码、oAuth 和 LDAP 登录
                    </div>
                </div>
            </div>

            <div class="basic card">
                <div class="image">
                  <img src="img/features/raid.png">
                </div>
                <div class="content">
                  <div class="header" i18n>Support RAID via mdadm // 支援 mdadm RAID // mdadmによるRAIDのサポート // 支持 mdadm RAID</div>
                  <div class="description" i18n>
                    Support creating and expanding multiple RAID type using mdadm, including RAID0, 1 and 5
                      // 支援使用 mdadm 建立和擴充多種 RAID 類型，包括 RAID0、1 和 5
                      // mdadmを使用して、RAID0、1、5を含む複数のRAIDタイプの作成と拡張をサポート。
                      // 支持使用 mdadm 创建和扩展多种 RAID 类型,包括 RAID0、1 和 5
                    </div>
                </div>
            </div>

            <div class="basic card">
                <div class="image">
                  <img src="img/features/storagepool.png">
                </div>
                <div class="content">
                  <div class="header" i18n>Virtual File System & Storage Pool Architecture // 虛擬檔案層與儲存池架構 // VFS とストレージプールアーキテクチャ // 虚拟文件层与存储池架构</div>
                  <div class="description" i18n>
                    Virtual File System layer is implemented to support mounting a remote file system into ArozOS without FUSE
                      // 虛擬檔案系統層支援在無 FUSE 的情況下掛載遠端檔案系統到網頁桌面使用
                      // FUSE なしでリモートファイルシステムを ArozOS にマウントできるように
                      // 虚拟文件系统层支持在无 FUSE 的情况下挂载远程文件系统到网页桌面使用
                    </div>
                </div>
            </div>

            <div class="basic card">
                <div class="image">
                  <img src="img/features/webshare.png">
                </div>
                <div class="content">
                  <div class="header" i18n>One-Click Web Share // 雲端硬碟檔案分享 // ワンクリック・web共有 // 云盘文件共享</div>
                  <div class="description" i18n>
                    Sharing a file via URL is as simple as right-click a file in File Manager and select "Share". Support multiple access permissions!
                      // 在檔案管理器對檔案右鍵就能得到檔案分享網址，並支援多種權限設定。
                      // URL 経由のファイル共有は、ファイルマネージャでファイルを右クリックして 「共有」 を選択するだけです。
                      // 在文件管理器中右键单击文件就能获得文件共享网址,并支持多种权限设置。
                    </div>
                </div>
            </div>

            <div class="basic card">
                <div class="image">
                  <img src="img/features/networkshare.png">
                </div>
                <div class="content">
                  <div class="header" i18n>Create Network Share // 建立網絡檔案共享 // ネットワーク共有の作成 // 建立网络文件共享</div>
                  <div class="description" i18n>
                    Setup WebDAV, FTP, SFTP or SMB (using Samba) network shares with one click!
                      // 按一下就能設定 WebDAV、FTP、SFTP 或 SMB（需安裝 Samba）網路共用！
                      // WebDAV、FTP、SFTP、SMB（Sambaを使用）のネットワーク共有をワンクリックで設定！
                      // 一键设置 WebDAV、FTP、SFTP 或 SMB(需安装 Samba)网络共享!
                    </div>
                </div>
            </div>
            <div class="basic card">
                <div class="image">
                  <img src="img/features/agi.png">
                </div>
                <div class="content">
                  <div class="header" i18n>Scriptable Plugin System // 可編程插件系統 // プラグインシステム // 可编程插件系统</div>
                  <div class="description" i18n>
                    Scriptable plugin system based on ECMA5 (JavaScript like), support both front-end and backend extensions
                      // 可透過 ECMA5 （類似 JavaScript）對 ArozOS 前後端進行插件編程開發。
                      // ECMA5（JavaScript）に基づくスクリプト可能なプラグインシステムは、フロントエンドとバックエンドの両方の拡張機能をサポートします。
                      // 可通过 ECMA5 (类似 JavaScript)对 ArozOS 前后端进行插件编程开发。
                    </div>
                </div>
            </div>
            <!-- 
            <div class="basic black card">
                <div class="image">
                  <img src="img/features/opensource.png">
                </div>
                <div class="content">
                  <div class="header" i18n>Open Source // 開源系統</div>
                  <div class="description" i18n>
                    This software is written in Go(lang), and the source code for ArozOS can be found on my Github repo.
                      // ArozOS 的原始程式碼可以在我的 Github 儲存庫上找到。
                    </div>
                </div>
            </div>
            -->
        </div>
    </div>

    <!-- Spec -->
    <div id="techspec" class="blackbanner">
        <br><br>
        <div class="centered title">
            <h1 i18n>Technical Specifications // 技術規格 // 技術仕様 // 技术规格</h1>
        </div>
        <div class="ui text container">
            <table class="ui celled very basic inverted table">
                <thead>
                    <tr>
                        <th i18n>Category // 分類 // カテゴリー // 分类</th>
                        <th i18n>Specifications // 功能及規格 // 仕様 // 功能及规格</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td i18n>User Interface // 使用者介面 // UI// 使用者界面</td>
                        <td>
                            <ul>
                                <li i18n>Web Desktop Interface 
                                    // 網頁桌面介面 
                                    // ウェブ・デスクトップ・インターフェイス
                                    // 网页桌面界面
                                </li>
                                <li i18n>Mobile Desktop Interface 
                                    // 手機桌面介面 
                                    // モバイル・デスクトップ・インターフェイス
                                    // 网页手机界面
                                </li>
                                <li i18n>Management Gateway (Enterprise Use)
                                    // 管理入口（企業用） 
                                    // 管理ゲートウェイ（企業用）
                                    // 管理入口（企业用）
                                </li>
                                <li i18n>Scriptable Interface Module (Enterprise Use) 
                                    // 可編程介面模組（企業用） 
                                    // スクリプト可能なインターフェイスモジュール（企業用）
                                    // 可编程界面模块（企业用）
                                </li>
                            </ul>
                        </td>
                    </tr>
                    <tr>
                        <td i18n>Media & Files Processing // 媒體及檔案處理 // メディアとファイルの処理 // 媒体及档案处理</td>
                        <td>
                            <ul>
                                <li i18n>Fully Featured File Manager 
                                    // 多功能檔案管理員
                                    // フル機能のファイルマネージャー
                                    // 多功能文件管理器
                                </li>
                                <li i18n>Media Playback, Open or Editing WebApps (Audio, Video, Photo, MDEditor etc) 
                                    // 多媒體檔案播放、開啟或編輯應用程式 (Audio, Video, Photo, MDEditor 等)
                                    // メディア再生、オープン、編集WebApps（オーディオ、ビデオ、写真、MDEditorなど）
                                    // 多媒体文件播放、打开或编辑应用程序(音频、视频、照片、MDEditor等)
                                </li>
                                <li i18n>File Upload (Form POST / WebSocket Chunked) 
                                    // 檔案上傳（Form POST 及 WebSocket Chunked 模式）
                                    // ファイルアップロード (Form POST / WebSocket Chunked)
                                    // 文件上传(Form POST及WebSocket Chunked模式)
                                </li>
                                <li i18n>File Operations Management System with Real-time Progress, Pause and Cancel Options 
                                    // 具有即時進度，並可暫停及取消之檔案操作系統
                                    // リアルタイム進捗、一時停止、キャンセルオプション付きファイル操作管理システム
                                    // 具有实时进度,并可暂停及取消的文件操作系统
                                </li>
                                <li i18n>File Versioning Tool 
                                    // 檔案版本記錄工具 
                                    // ファイルのバージョン管理ツール
                                    // 文件版本记录工具
                                </li>
                                <li i18n>Video Transcode (360p, 720p, 1080p, original) 
                                    // 影片編碼串流（360p, 720p, 1080p 或 原解像度）
                                    // ビデオのトランスコード（360p、720p、1080p、オリジナル）
                                    // 视频编码流(360p, 720p, 1080p 或原分辨率)
                                </li>
                                <li i18n>Media File Metadata Extraction (e.g. Audio & Video thumbnail) 
                                    // 媒體檔案詮釋資料（Metadata）提取（如音樂及影片之縮圖）
                                    // メディアファイルのメタデータ抽出（例：オーディオ＆ビデオサムネイル）
                                    // 媒体文件元数据(Metadata)提取(如音乐及视频的缩略图)
                                </li>
                            </ul>
                        </td>
                    </tr>
                    <tr>
                        <td i18n>Networking // 網絡與連接 // ネットワーキング // 网络与连接</td>
                        <td>
                            <ul>
                                <li i18n>Web Server // 網頁伺服器 // ウェブサーバー // 网页服务器</li>
                                <li i18n>mDNS discovery and SSDP broadcast // mDNS 服務發現 及 SSDP廣播 // mDNSディスカバリーとSSDPブロードキャスト // mDNS服务发现及SSDP广播</li>
                                <li i18n>UPnP Port Forwarding // UPnP 連接埠轉送 // UPnPポートフォワーディング // UPnP端口转发</li>
                                <li i18n>WiFi Management (Support wpa_supplicant or nmcli) // WiFi 管理（支援 wpa_supplicant 或 nmcli） // WiFi管理（wpa_supplicantまたはnmcliをサポート） // WiFi管理(支持wpa_supplicant或nmcli)</li>
                                <li><span i18n>Network File Share // 網絡檔案分享 // ネットワークファイル共有 // 网络文件共享</span>
                                    <ul>
                                        <li i18n>WebDAV // WebDAV // ウェブDAV // WebDAV</li>
                                        <li i18n>SFTP // SFTP // SFTP // SFTP</li>
                                        <li i18n>FTP // FTP // FTP // FTP</li>
                                        <li i18n>SMB (Samba) // SMB (Samba) // SMB (Samba) // SMB(Samba)</li>
                                        <li i18n>Directory Server (Compatibility Mode) // 資料夾列表伺服器（相容性模式） // ディレクトリサーバー（互換モード） // 文件夹列表服务器(兼容性模式)</li>
                                    </ul>
                                </li>
                                <li i18n>Network Storage File Transfer Caching // 網路儲存檔案傳輸快取 // ネットワークストレージファイル転送キャッシュ // 网络存储文件传输缓存</li>
                                <li><span i18n>Multi Permission Web File Sharing // 多權限模式網頁檔案分享 // マルチパーミッションウェブファイル共有 // 多权限模式网页文件共享</span>
                                    <ul>
                                        <li i18n>Public // 公開 // 公開 // 公开</li>
                                        <li i18n>Same user group / organization // 與分享者同一權限群組或機構 // 同じユーザーグループ/組織 // 与共享者同一权限组或机构</li>
                                        <li i18n>Logged in user // 任何已登入之用戶 // ログインユーザー // 任何已登录的用户</li>
                                        <li i18n>User defined users // 分享者自定義用戶 // ユーザー定義のユーザー // 共享者自定义用户</li>
                                        <li i18n>User defined group / organization // 分享者自定義之權限群組或機構 // ユーザー定義のグループ/組織 // 共享者自定义的权限组或机构</li>
                                    </ul>
                                </li>
                            </ul>
                        </td>
                    </tr>
                    <tr>
                        <td i18n>Disks Management // 磁碟管理 // ディスク管理 // 硬盘管理</td>
                        <td>
                            <ul>
                                <li><span i18n>Supported Mounting File Systems // 支援掛載檔案系統 // サポートされているマウントファイルシステム // 支持挂载文件系统</span>
                                    <ul>
                                        <li i18n>EXT4</li>
                                        <li i18n>NTFS</li>
                                        <li i18n>FAT (exFAT, FAT32)</li>
                                        <li i18n>WebDAV</li>
                                        <li i18n>FTP</li>
                                        <li i18n>SFTP</li>
                                        <li i18n>SMB</li>
                                    </ul>
                                </li>
                                <li><span i18n>RAID Management via mdadm // 基於 mdadm 的 RAID 陣列管理器 // mdadmによるRAID管理 // 基于 基于mdadm的RAID阵列管理器</span>
                                    <ul>
                                        <li i18n>RAID 1 (Default) // RAID 1（預設） // RAID 1（デフォルト） // RAID 1（预设）</li>
                                        <li i18n>RAID 5</li>
                                        <li i18n>RAID 0</li>
                                    </ul>
                                </li>
                                <li i18n>Physical Disk Automount (delay start) // 物理硬碟掛載（延遲啟動） // 物理ディスクの自動マウント（遅延スタート） // 物理硬盘挂载（延迟启动）</li>
                                <li i18n>ArozOS Virtual File System // ArozOS 虛擬檔案系統層 // ArozOS VFS // ArozOS 虚拟文件系统层</li>
                                <li i18n>Auto-cleaning tmp Folder // 自動清理之 tmp 資料夾 // 自動クリーンtmpフォルダ // 自动清理 tmp 文件夹</li>
                            </ul>
                        </td>
                    </tr>
                    <tr>
                        <td i18n>Security // 安全性 // セキュリティ // 安全性</td>
                        <td>
                            <ul>
                                <li i18n>oAuth</li>
                                <li i18n>LDAP</li>
                                <li i18n>Connection & Login Log // 連接及登入記錄檔 // 接続とログインログ // 连接及登录日志</li>
                                <li i18n>IP White / Blacklist // IP 黑/白名單 // IPホワイト/ブラックリスト // IP黑/白名单</li>
                                <li i18n>Exponential login time (when password incorrect) // 指數登入時間（密碼錯誤時） // 指数ログイン時間（パスワードが間違っている場合） // 指数登录时间(密码错误时)</li>
                                <li i18n>Auto Login Token (Kiosk Mode) // 自動登入權杖（Kiosk 模式） // 自動ログイントークン（キオスクモード） // 自动登录权限（Kiosk 模式）</li>
                            </ul>
                        </td>
                    </tr>
                    <tr>
                        <td i18n>Extensibility // 擴展性 // 拡張性 // 扩展性</td>
                        <td>
                            <ul>
                                <li i18n>ECMA5 (JavaScript like) scripting interface // ECMA5（類似 JavaScript）插件編程 API // ECMA5（JavaScriptのような）スクリプトインターフェース // ECMA5（类似JavaScript）插件编程 API</li>
                                <li i18n>3rd party Go / Python module development with sub-service reverse proxy // 使用子服務反向代理進行第 3 方 Go/Python 模組開發 // サービスリバースプロキシを使用したサードパーティGo/Pythonモジュール開発 // 使用子服务反向代理进行第三方Go/Python模块开发</li>
                                <li i18n>Serverless (User space) // Serverless （用戶空間） // サーバーレス（ユーザー空間） // Serverless（用户空间）</li>
                                <li i18n>Background Task Scheduler (User space, for tasks automation) // 背景任務排程模組（用戶空間，自動化用） // バックグラウンドタスクスケジューラ（ユーザー空間、タスク自動化用） // 后台任务调度模块(用户空间,用于自动化)</li>
                            </ul>
                        </td>
                    </tr>
                    <tr>
                        <td i18n>Operation Requirements // 系統需求 // 動作要件 // 系统需求</td>
                        <td>
                            <ul>
                                <li i18n>512MB system memory and 1.5GB system storage // 512MB 記憶體及 1.5GB 磁碟空間 // 512MBのシステムメモリと1.5GBのシステムストレージ // 512MB RAM及 1.5GB 硬盘空间</li>
                                <li><span i18n>Minimum Server Specification // 最低伺服器規格 // 最小サーバー仕様 // 最低服务器规格</span>
                                    <ul>
                                        <li i18n>Raspberry Pi Zero W (512MB RAM + 16GB SD Card) // 樹莓派 Zero W (512MB 記憶體 + 16GB SD 卡） // Raspberry Pi Zero W (512MB RAM + 16GB SDカード) // 树莓派Zero W (512MB内存+16GB SD卡)</li>
                                        <li i18n>Intel Atom D525 (1GB RAM + 32GB SSD) // Intel Atom D525 (1GB 記憶體 + 32GB 固態硬碟） // Intel Atom D525 (1GB RAM + 32GB SSD) //  Intel Atom D525 （1GB RAM + 32GB 硬盘空间）</li>
                                    </ul>
                                </li>
                                <li><span i18n>Recommended Server Specification // 建議伺服器規格 // 推奨サーバー仕様 // 建议服务器规格</span>
                                    <ul>
                                        <li i18n>Raspberry Pi 4 (4GB RAM + 64GB SD Card) // 樹莓派4 （4GB 記憶體 + 64GB SD 卡） // Raspberry Pi 4 (4GB RAM + 64GB SDカード) // 树莓派4 （4GB RAM + 64GB SD 卡）</li>
                                        <li i18n>i7 4500U (8GB RAM + 256GB SSD) // i7 4500U (8GB 記憶體 + 256GB 固態硬碟） // i7 4500U (8GB RAM + 256GB SSD) // i7 4500U （8GB RAM + 256GB 固态硬盘）</li>
                                    </ul>
                                </li>
                                <li i18n>Debian based Linux Distro or Windows // 基於 Debian 之 Linux 發行版或 Windows // DebianベースのLinuxディストリビューションまたはWindows // 基于 Debian 的 Linux 发行版或 Windows</li>
                                <li i18n>Require FFmpeg, Samba (Linux only), nmcli or wpa_supplicant (Device with WiFi only) // 需裝有 FFmpeg，Samba（在 Linux 上運行時），nmcli 或 wpa_supplicant（具有 WiFi 功能之裝置） // FFmpeg、Samba（Linuxのみ）、nmcliまたはwpa_supplicant（WiFi機能搭載デバイスのみ）が必要 // 需安装FFmpeg、Samba（在Linux上运行时）、nmcli或wpa_supplicant（具有WiFi功能的设备）</li>
                                <li i18n>Recommend using mobile device with Progressive WebApp (PWA) support // 建議使用支援 PWA 的手機 // PWAサポートのあるモバイルデバイスの使用を推奨 // 建议使用支持 PWA 的手机</li>
                            </ul>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!-- Download -->
    <div id="download" class="ui text container">
        <br><br>
        <div class="centered title">
            <h1 i18n>Download // 下載 // ダウンロード // 下载</h1>
        </div>
        <p i18n>ArozOS distribution is done in two files. The web.tar.gz containing the static web elements and config files, another one is the binary executable that contains the code of the software. You need both of the files downloaded and placed in the same folder in order for ArozOS to work properly.
            // ArozOS 發行版有兩個檔案。一個是包含靜態 Web 和設定檔案的 web.tar.gz，另一個是包含軟體程式碼的二進制執行檔。您需要將這兩個檔案下載並放置在同一資料夾中，ArozOS 方能正常運作。
            // ArozOSの配布は2つのファイルで行われます。静的ウェブ要素と設定ファイルを含むweb.tar.gzと、ソフトウェアのコードを含むバイナリエグゼキュータブルです。ArozOSが正常に動作するためには、両方のファイルをダウンロードし、同じフォルダに配置する必要があります。
            // ArozOS发行版有两个文件。一个是包含静态网页和配置文件的 web.tar.gz,另一个是包含软件程序代码的二进制可执行文件。您需要将这两个文件下载并放置在同一个文件夹中，ArozOS才能正常运行。
        </p>
        <p i18n>After the ArozOS binary / service is started, navigate to http://localhost:8080 to continue account and system setup.
            // 當 ArozOS 執行檔 / 服務啟動後，使用瀏覽器開啟 http://localhost:8080 以繼續帳戶和系統設定。
            // ArozOSのバイナリ/サービスが起動した後、http://localhost:8080に移動してアカウントとシステムのセットアップを続行してください。
            // 当 ArozOS 可执行文件/服务启动后,使用浏览器打开 http://localhost:8080以继续账户和系统设置。
        </p>
        <div class="downloadTabWrapper">
            <div class="ui top attached fluid stackable tabular menu">
                <a class="active item" data-tab="linux"><i class="grey linux icon"></i> Linux</a>
                <a class="item" data-tab="windows"><i class="blue windows icon"></i> Windows</a>
                <a class="item" data-tab="macos"><i class="apple icon"></i> MacOS</a>
                <a class="item" data-tab="rpi"><i class="red raspberry pi icon"></i><span i18n>SBCs // 單板機 // SBC // 单片机</span></a>
                <a class="item" data-tab="build"><i class="code icon"></i> <span i18n>Build from source // 從原始碼建置 // ソースからビルド // 从源码构建</span> </a>
            </div>
            <div class="ui bottom attached active tab segment" data-tab="linux">
                <p i18n>Install with installer script // 使用安裝器腳本 // インストーラースクリプトでインストール // 使用安装器脚本</p>
                <div class="ui black message">
                    <code>
                        wget -O install.sh https://raw.githubusercontent.com/tobychui/arozos/master/installer/install.sh && bash install.sh
                    </code>
                </div>
                <br>
                <p i18n>Install with precompiled binary // 下載發行版本 // コンパイル済みバイナリを使ったインストール // 下载发行版本</p>
                <button class="ui basic downloadButton button" onclick='handleGetWebpack();'><i class="blue download icon"></i> <span i18n>Download Webpack // 下載 Webpack // Webpackをダウンロード // 下载 Webpack</span></button> 
                <i class="plus icon"></i> 
                <button class="ui basic downloadButton button" onclick='handleDownload("arozos_linux_amd64");'><i class="black linux icon"></i> <span i18n>Download x64 // 下載 64位元 執行檔 // 64bit版 // 下载 64 位可执行文件</span></button>
                <span style="font-size: 1.2em; font-weight: 600; margin-right: 0.4em">OR</span>
                <button class="ui basic downloadButton button" onclick='handleDownload("arozos_linux_386");'><i class="black linux icon"></i> <span i18n>Download x32 // 下載 32位元 執行檔 // 32bit版 // 下载 32 位可执行文件</span></button>
            </div>
            <div class="ui bottom attached tab segment" data-tab="windows">
                <p i18n>Install with precompiled binary // 下載發行版本 // コンパイル済みバイナリを使ったインストール // 下载发行版本</p>
                <button class="ui basic downloadButton button" onclick='handleGetWebpack();'><i class="blue download icon"></i> <span i18n>Download Webpack // 下載 Webpack // Webpackをダウンロード // 下载 Webpack</span></button> 
                <i class="plus icon"></i> 
                <button class="ui basic downloadButton button" onclick='handleDownload("arozos_windows_amd64.exe");'><i class="blue windows icon"></i> <span i18n>Download ArozOS for Windows // 下載 Windows 版 ArozOS // Windows版ArozOSをダウンロード // 下载 Windows 版 ArozOS</span></button>
                <br><br>
                <p i18n>You will need to put both the web.tar.gz file and the exe file in the same folder. Make sure the folder path does not contains non alphabet characters and space. Double click the exe file to start automatic unzip and setup process. 
                    // 您需要將 web.tar.gz 檔案和 exe 檔案放在同一資料夾中。請確保資料夾路徑不包含非字母字元和空格。雙擊 exe 檔開始自動解壓縮和安裝過程。
                    // web.tar.gzファイルとexeファイルの両方を同じフォルダに置く必要があります。フォルダパスにアルファベット以外の文字やスペースが含まれていないことを確認してください。exeファイルをダブルクリックすると、自動解凍とセットアップが開始されます。
                    // 您需要将 web.tar.gz 文件和 exe 文件放在同一个文件夹中。请确保文件夹路径不包含非字母字符和空格。双击exe文件开始自动解压缩和安装过程。
                </p>
            </div>
            <div class="ui bottom attached tab segment" data-tab="macos">
                <p i18n>Install with precompiled binary // 下載發行版本 // コンパイル済みバイナリを使ったインストール // 下载发行版本</p>
                <button class="ui basic downloadButton button" onclick='handleGetWebpack();'><i class="blue download icon"></i> <span i18n>Download Webpack // 下載 Webpack // Webpackをダウンロード // 下载 Webpack</span></button> 
                <i class="plus icon"></i> 
                <button class="ui basic downloadButton button" onclick='handleDownload("arozos_darwin_amd64");'><i class="grey apple icon"></i> <span i18n>Download for Intel Macs // 下載 Intel Mac 版 // インテルMac用 // 下载 Intel Mac 版本</span></button>
                <span style="font-size: 1.2em; font-weight: 600; margin-right: 0.4em">OR</span>
                <button class="ui basic downloadButton button" onclick='handleDownload("arozos_darwin_arm64");'><i class="black apple icon"></i> <span i18n>Download or Arm Macs // 下載 Arm Mac 版 // ARM Mac用 // 下载 Arm Mac 版本</span></button>
                <br><br>
                <p i18n>Open terminal and navigate to the folder containing the binary executable of ArozOS. Start the executable with ./arozos_darwin_arm64 or ./arozos_darwin_amd64
                    // 開啟終端機並移動到包含 ArozOS 執行檔的資料夾。使用 ./arozos_darwin_arm64 或 ./arozos_darwin_amd64 啟動 ArozOS。
                    // ターミナルを開き、ArozOS のバイナリ実行ファイルがあるフォルダに移動します。 ./arozos_darwin_arm64 または ./arozos_darwin_amd64 で実行ファイルを起動します。
                    // 打开终端并切换到包含 ArozOS 可执行文件的文件夹。使用 ./arozos_darwin_arm64 或 ./arozos_darwin_amd64 命令启动ArozOS。
                </p>
            </div>
            <div class="ui bottom attached tab segment" data-tab="rpi">
                <p i18n>Install with installer script (armv6-7, arm64, x86) // 使用安裝器腳本 （armv6-7, arm64, x86） // インストーラスクリプトでインストール (armv6-7、arm64、x86) // 使用安装器脚本 （armv6-7, arm64, x86）</p>
                <div class="ui black message">
                    <code>
                        wget -O install.sh https://raw.githubusercontent.com/tobychui/arozos/master/installer/install.sh && bash install.sh
                    </code>
                </div>
                <br>
                <p i18n>Install with precompiled binary // 下載發行版本 // コンパイル済みバイナリを使ったインストール // 下载发行版本</p>
                <button class="ui basic downloadButton button" onclick='handleGetWebpack();'><i class="blue download icon"></i> <span i18n>Download Webpack // 下載 Webpack // Webpackをダウンロード // 下载 Webpack</span></button> 
                <i class="plus icon"></i> 
                <button class="ui basic downloadButton button" onclick='handleDownload("arozos_linux_arm");'><i class="black download icon"></i> <span i18n></span>arm (v6, v7)</button>
                <button class="ui basic downloadButton button" onclick='handleDownload("arozos_linux_arm64");'><i class="black download icon"></i> <span i18n></span>arm64</button>
                <!-- <button class="ui basic downloadButton button" onclick='handleDownload("arozos_linux_mipsle");'><i class="grey download icon"></i> <span i18n></span>mipsle</button> -->
                <button class="ui basic downloadButton button" onclick='handleDownload("arozos_linux_riscv64");'><i class="grey download icon"></i> <span i18n></span>riscv64</button>
            </div>
            <div class="ui bottom attached tab segment" data-tab="build">
                <p i18n>Require Go (Golang) 1.20 or above. Details build from source instruction can be found on ArozOS Github README file. 
                    // 需要 Go (Go 語言） 1.20 或以上。建置詳情可以在 ArozOS Github README 檔案中找到。
                    // Go (Golang) 1.20以上が必要です。ソースコードからのビルドの詳細は、ArozOS Github READMEファイルに記載されています。
                    // 需要 Go语言 1.20 或更高版本。构建详情可以在 ArozOS GitHub 的 README 文件中找到。
                </p>
                <div class="ui black message">
                    <code>
                        git clone https://github.com/tobychui/arozos<br>
                        cd ./arozos/src/<br>
                        go mod tidy<br>
                        go build<br>
                        ./arozos <br>
                        # Use ./arozos -h for listing all usable paramters<br>
                        # Use sudo ./arozos for enabling hardware managements features<br>
                    </code>
                </div>
            </div>
        </div>
        <br><br>
    </div>

    <!-- Learn More -->
    <div class="ui divider"></div>
    <div id="learnmore" class="ui text container">
        <div class="centered title" style="margin-bottom: 0px;">
            <h1 i18n>Learn More // 了解更多 // さらに詳しく // 了解更多</h1>
            <p i18n>If you like this project, please feel free to give us a ⭐ star ⭐.
                // 如果您喜歡這個開源專案，歡迎來給我們一顆 ⭐星星⭐ 喔！
                // このプロジェクトが気に入ったら、ぜひ⭐星⭐をお願いします。
                // 如果您喜欢这个开源项目,欢迎为我们点亮一颗 ⭐星星⭐ !
            </p>
        </div>
        <div class="ui basic segment linkicons">
            <div class="ui big breadcrumb">
                <a class="section externallink" href="https://github.com/tobychui/arozos" target="_blank">
                    <div class="ui icon header">
                        <i class="black github icon"></i>
                        <div class="content" i18n>
                            Github
                            // 源碼
                            // ソースコード
                            // 源码
                        </div>
                    </div>
                </a>
                <i class="divider"> </i>
                <a class="section externallink" href="https://aroz-online.github.io/ArozOS-Developers/" target="_blank">
                    <div class="ui icon header">
                        <i class="green code icon"></i>
                        <div class="content" i18n>
                            .agi Docs
                            // .agi 開發文檔
                            // .agi ドキュメント
                            // .agi 开发文档
                        </div>
                    </div>
                </a>
                <i class=" divider"> </i>
                <a class="section externallink" href="mailto:toby@imuslab.com" target="_blank">
                    <div class="ui icon header">
                        <i class="yellow mail icon"></i>
                        <div class="content" i18n>
                            Email
                            // 電子郵件
                            // 電子メール
                            // 电子邮件
                        </div>
                    </div>
                </a>
                <i class=" divider"> </i>
                <a class="section externallink" href="https://t.me/ArOZBeta" target="_blank">
                    <div class="ui icon header">
                        <i class="blue telegram icon"></i>
                        <div class="content">
                            Telegram
                        </div>
                    </div>
                </a>
            </div>  
        </div>
        <br><br><br><br>
    </div>

     <!-- Footer -->
     <div id="footer">
        <div class="ui container">
            <br><br>
            <div class="ui stackable grid" style="height: 100%;">
                <div class="six wide column" style="height: 100%;">
                    <a href="https://os.aroz.org"><img src="img/logo.png" class="ui tiny image"></a>
                    <p><span style="font-weight: 300;">ArozOS Web Desktop System</span><br>
                        © Toby Chui feat. imuslab</p>
                       
                    <div class="bottom-attach">
                       <br><br>
                        <div class="ui breadcrumb" style="margin-top: 0.4em;">
                            <div class="section">香港 </div>
                            <div class="divider"> / </div>
                            <div class="section" i18n>Hong Kong</div>
                            <div class="divider"> / </div>
                            <div class="section">2016 - <span class="year">2024</span></div>
                        </div>
                    </div>
                </div>
                <div class="three wide column">
                    <div class="ui list">
                        <div class="item title" i18n>Developer Tools // 開發者工具 // 開発者ツール // 开发者工具</div>
                        <div class="item"><a href="https://github.com/aroz-online/launcher" target="_blank">ArozOS Launcher</a></div>
                        <div class="item"><a href="https://github.com/aroz-online/WebApp-and-Subservice-Index" target="_blank">WebApp & Subservices</a></div>
                        <div class="item"><a href="https://aroz-online.github.io/ArozOS-Developers/" target="_blank">.agi Documentations</a></div>
                        <div class="item"><a href="https://github.com/aroz-online/ArUSB2Win" target="_blank">AOB Filename Decoder</a></div>
                    </div>
                </div>	
                <div class="three wide column">
                    <div class="ui list">
                        <div class="item title" i18n>Project Spin-offs // 衍生開源計劃 // 派生作品 // 衍生开源计划</div>
                        <div class="item"><a href="https://zoraxy.aroz.org" target="_blank">Zoraxy</a></div>
                        <div class="item"><a href="https://github.com/tobychui/imusutm" target="_blank">imusutm</a></div>
                        <div class="item"><a href="https://github.com/tobychui/SlicerA" target="_blank">Slicer A</a></div>
                    </div>
                </div>
                <div class="three wide column">
                    <div class="ui list">
                        <div class="item title" i18n>Related Links // 相關連接 // 関連ページっ // 相关链接</div>
                        <div class="item"><a href="https://www.studytonight.com/post/the-web-desktop-tool-you-need-to-know-about" target="_blank" i18n>Getting Started</a></div>
                        <div class="item"><a href="https://github.com/tobychui/arozos/releases" target="_blank">ArozOS Release</a></div>
                        <div class="item"><a href="https://github.com/SysAdmin74/ArozOS-Docker" target="_blank">ArozOS Docker</a></div>
                        <div class="item"><a href="https://imuslab.com" target="_blank">imuslab</a></div>
                    </div>
                </div>
            </div>
        </div>
        <br><br><br><br>
    </div>
    
    <script>
        AOS.init();
        $(".year").text(new Date().getFullYear());
    </script>
  </body>
</html>
